/*****/

nav
{  /*background-color: #FFF*/;
   margin: 0px auto;
   padding: 35px 5px 5px 5px;
   /*position: absolute*/;
   width: 98%;

}

nav a
{
    text-decoration: none;
    display: inline-block;
}
.circulo
{	background: #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    border: 10px solid #BFB9B9;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    margin-left: 10px;
    height: 120px;
    width: 120px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.icoMenu{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 25px;
    color:#BFB9B9;
    line-height: 70px;
    margin-left: -10px;
    position: absolute;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.tituMenu
{	color: #BFB9B9;
    font-size: 14px;
    line-height: 110px;
    margin-left: 5px;
    opacity: 1;
    position: absolute;
    width:110px;

}
.subTituMenu
{   color: #3860B0;
    font-size: 15px;
    line-height: 110px;
    margin-left: 5px;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
    width:110px;
}
.circulo:hover
{   background: #FFF;
    border-color: #3860B0;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 45px 60px -50px #000000;
}
.circulo:hover .icoMenu{color: #678BC7;}
.circulo:hover .tituMenu{display: none;}
.circulo:hover .subTituMenu{opacity: 1;}
.circulo:last-child
{
    margin-right: 0px;
}



/*****/